<!DOCTYPE html>
<html>
<head>
    <title>分类/专题/标签管理</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../css/font-awesome.min.css">
    <link rel="stylesheet" href="../../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../../plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../../../css/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../../css/main.css">
    <link rel="stylesheet" href="../../../plugins/treegrid/jquery.treegrid.css">
    <script src="../../../libs/jquery.min.js"></script>
    <script src="../../../plugins/layer/layer.js"></script>
    <script src="../../../libs/bootstrap.min.js"></script>
    <script src="../../../libs/vue.min.js"></script>
    <script src="../../../libs/bootstrap-table.min.js"></script>
    <script src="../../../plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="../../../plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="../../../plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="../../../plugins/treegrid/tree.table.js"></script>
    <script src="../../../plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="../../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="../../../plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="../../../js/common.js"></script>
</head>
<body>
<div id="rapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <a class="btn btn-default" @click="refresh">刷新</a>

            <a v-if="hasPermission('sys:taxonomy:save')" class="btn btn-success" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            <a v-if="hasPermission('sys:taxonomy:update')" class="btn btn-warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            <a v-if="hasPermission('sys:taxonomy:delete')" class="btn btn-danger" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
        </div>
        <table id="taxonomyTable" data-mobile-responsive="true" data-click-to-select="true">
            <thead>
            <tr>
                <th data-field="selectItem" data-checkbox="true"></th>
            </tr>
            </thead>
        </table>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <input type="hidden" v-model="taxonomy.type"/>
            <div class="form-group">
                <label class="col-sm-2 control-label">名称</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="taxonomy.name" placeholder="名称"/>
                </div>
            </div>
            <div v-if="type==0" class="form-group">
                <label class="col-sm-2 control-label">上级分类</label>
                <div class="col-sm-6">
                    <div class="input-group">
                        <input type="text" class="form-control" style="cursor:pointer;" v-model="taxonomy.parentName" readonly="readonly" placeholder="点击右边按钮选择一级分类"/>
                        <span class="input-group-btn">
							<a class="btn btn-info" @click="taxonomyTree">
								<i class="fa fa-search-plus"></i>
							</a>
						</span>
                    </div>
                </div>
            </div>
            <div v-else-if="type==1" class="form-group">
                <label class="col-sm-2 control-label">上级专题</label>
                <div class="col-sm-6">
                    <div class="input-group">
                        <input type="text" class="form-control" style="cursor:pointer;" v-model="taxonomy.parentName" readonly="readonly" placeholder="点击右边按钮选择一级专题"/>
                        <span class="input-group-btn">
							<a class="btn btn-info" @click="taxonomyTree">
								<i class="fa fa-search-plus"></i>
							</a>
						</span>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">别名</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="taxonomy.slug" placeholder="别名"/>
                    <span>别名是在URL中使用的别称，它可以令URL更美观，更加有利于SEO。通常使用小写，只能包含字母，数字和连字符“-”（中划线），不能全是数字。</span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">图标</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="taxonomy.icon"/>
                    <code style="margin-top:4px;display: block;">获取图标：http://fontawesome.io/icons/</code>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">排序号</label>
                <div class="col-sm-6">
                    <input type="number" class="form-control" v-model="taxonomy.orderNum"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">标识</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="taxonomy.flag"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">备注</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="taxonomy.remark"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">SEO关键字</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="taxonomy.metaKeywords"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">SEO描述内容</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="taxonomy.metaDescription"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label"></label>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>

</div>

<!-- 选择分类/专题 -->
<div id="taxonomyLayer" style="display: none;padding:10px;">
    <ul id="taxonomyTree" class="ztree"></ul>
</div>

<script src="../../../js/modules/sys/taxonomy.js"></script>
</body>
